<route lang="json5" type="page">
// @formatter:off
{
  layout: 'theme',
  style: {
    navigationBarTitleText: 'WotUI Demo',
    // navigationStyle: 'default', // custom default
  }
}
 // @formatter:on
</route>

<script setup lang="ts">
const title = ref<string>('Hello')
const value = ref<number>(30)

const value1 = ref<number>(1)

const option1 = ref<Record<string, any>[]>([
  { label: '全部商品', value: 0 },
  { label: '新款商品', value: 1, tip: '这是补充信息' },
  { label: '这是比较长的筛选条件这是比较长的筛选条件', value: 2 },
])
const option2 = ref<Record<string, any>[]>([
  { label: '综合', value: 0 },
  { label: '销量', value: 1 },
  { label: '上架时间', value: 2 },
])
</script>

<template>
  <view class="flex-col-center font-size-14 space-y-lg">
    <wd-drop-menu custom-class="w-full">
      <wd-drop-menu-item v-model="value1" :options="option1" />
      <wd-drop-menu-item v-model="value2" :options="option2" />
    </wd-drop-menu>

    <div class="flex flex-col">
      <text class="title">{{ title }}</text>
      <wd-button type="success">成功按钮</wd-button>
      <wd-button type="info">默认按钮</wd-button>
      <wd-slider v-model="value" />
    </div>
  </view>
</template>

<style scoped lang="scss">

</style>
